*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
.mmm-top{
    .logo{
        h1{
         font-size: .3rem;
         color:#fff;
        }
    }
    .title{
       p{
        font-size: .3rem;
        text-align: center;
        line-height: .3rem;
        padding-left: 1.17rem;
        color:#fff;
       }
    }
}
// .contemt{
//     .box3{
//         p{}
//         p:nth-child(1){
//             font-size: 16px;
//             font-weight: 600;
//             padding: 10px;
//             color:#8888;
//         }
//     }
// }
.contemt{
    border:2px solid red;
    .box3{
        display: flex;
        flex-wrap: wrap;
        padding: 5px ;
       
        p{
            padding: 5px;
        }
        p:nth-child(1){
            color:rgb(90, 90, 95);
            font-size: 20px;
            font-weight: 600;
        }
        p:nth-child(2){
            color:#ccc;
            font-size: 17px;
            font-weight: 600;
        }
        p:nth-child(3){
            color:#888888;
            font-size: 17px;
            font-weight: 600;
            padding-top: 10px;
        }
        p:nth-child(4){
            color:#888888;
            font-size: 16px;
            font-weight: normal;
            padding-top: 10px;
        }
       
    }
    // .imgs{
    //     img{
    //         max-width: 100%;
    //         height: auto;
    //         vertical-align: middle;
    //         border: 0;
    //         width: 220px;
    //         height: 220px;
    //     }
    // }
}
.go{
    padding-right: 20px;
    text-align: center;
    padding-top: 5px;
    input{
        width: 100%;
        height: 28px;
        background-color: rgb(255, 137, 25);
        text-align: center;
        line-height: 28px;
        border-radius: 6px;
        color:#fff;
        border:none;
    }
   
}
img{
    width: 100%;
    padding-top: 10px;
}
.comments{
    margin: 15px;
    h2{
        font-size: 20px;
        font-weight: 600;
        padding-top: 20px;
        padding-left: 20px;
        padding-bottom: 5px;
    }
  
   .form{
       border:1px solid #ccc;
       width: 100%;
       height: 100%;
    textarea{  
        width: 100%;
        resize: none;
        overflow-x: hidden;
        overflow-y: auto;
        border: none;
        line-height: 22px;
        font-size: 14px;
        outline: 0;
        color: #666;
        height: 68px;        
       }
       .inputs{
           width: 100%;
           height: 39px;
           background-color: rgb(251, 251, 251);
        //    border-top: 1px solid #ccc;
        input{
            position: absolute;
            right: 16px;
            bottom: -550px;
            background: #ff841d;
            border: none;
            border: 2px solid #ff841d;
            border-left: none;
            // border-bottom: 1px solid #000;
            padding: 0px;
            width: 100px;
            height: 39px;
            line-height: 39px;
            text-align: center;
            color: #fff;
            outline: 0;
            border-radius: 0 0 2px 0;
            font-size: 16px;
        }
      }
   }
     h1{
         font-size: 20px;
         font-weight: 600;
         color:black;
         padding-top: 20px;
         padding-left: 20px;
         padding-bottom: 5px;
     }          

}
.city{
    ul{
        // border:2px solid red;
        width: 168px;
        height: 489px;
        margin-left: 44%;
        margin-top: 20px;
        box-shadow: 0 0 14px 6px #ccc;
        margin-bottom: 10px;
        li{
            border-bottom: 1px dotted #c0c0c0;
            
            display: block;
            padding: 0px 10px;
            text-align: left;
           
           span{
               font-weight: 600;
               a{
                color:#f39d64;
                padding-left: 78px;
                font-weight: 600;
               }
           }
        }
    }
}
.pinglun{
    margin: 20px;
    width: 100%;
    height: 78px;

    .tu{
        a{
            img{
                width: 45px;
                height: 45px;
                padding-left: 0;
                border-radius: 50%;
            }
        }
    }
    .yazi{ 
        position: relative;
        resize: none;
      .left{ 
          width: 80px;
          height: 18px;
        //   background-color: #000;
         position: absolute;
         top: -28px;
         left: 16px;
         color:#accbe0;
         font-weight: 600;
         font-size: 15px;
      }
      .right{
        width: 80px;
        height: 18px;
        // background-color: red;
       position: absolute;
       top: -17px;
       left: 417px;
       color:#ccc;
       font-size: 14px;
       font-weight: 500;
      }
    }
    .people{
        .ment{
            display: inline-block;
            margin-left: 17px;
            font-weight: 700;
            color:#7a7a7a;
            font-size: 16px;
            font-weight: 500;
        }
    }
}
.foot-bottom{
    p{
        text-align: center;
        padding-left: 0;
    }
}